<!DOCTYPE html>
<html lang="en">
<head>
	<title>
		我是美图
	</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://localhost:8088/src/page/content-item-video/css/reset.css"> 
	<link rel="stylesheet" href="http://localhost:8088/src/page/content-item-video/css/style.css"> 
	<script src="http://localhost:8088/src/page/content-item-video/js/modernizr.js"></script> 
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="mei-tu-wrap" id="mei-tu-wrap">
				<div class="operate">
					<!-- 做成BT的下拉菜单 -->
					<div class="btnWrap">
						<a  href="#" id="add">
							<span>新建相册</span>
						</a>
						<a href="#" id="toIndex">
							<span>返回首页</span>
						</a>
					</div>
				</div>
				<div class="album-item-wrap">
					<div class="mei-tu-item">
						<div class="panels">
							<div class="panels-heading">
								<p class="mei-tu-desc" contenteditable="false">第一个相册名字</p>
							</div>
						</div>
					</div>
				</div>
				<div class="album-details-wrap" id="album-details-wrap">
					<input type="file" class="btn" id="upload-pic" value="上传照片" multiple/>
					<p class="details-name" contenteditable="false"></p>
					<p>预览：</p>
					<div class="pics-area-wrap"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="hide-operate-wrap">
			<header class="cd-header">
				<a href="#0" class="cd-3d-nav-trigger">
					Menu
					<span></span>
				</a>
			</header>
			<header class="close-nav">
					<span class="glyphicon glyphicon-chevron-up"></span>
			</header>
			<nav class="nav-container">
					<ul class="nav-ul">
						<li class="nav-li" id="hide-toAlbum">
							返回相册
						</li>

						<li class="nav-li" id="hide-alter">编辑
							
						</li>

						<li class="nav-li" id="hide-upload-pic-complish">完成
							
						</li>

						<li class="nav-li" id="hide-toIndex">返回首页
							
						</li>
					</ul> 

					<span class="cd-marker color-1"></span>	
				</nav>
	</div>	
</body>
	<script src="http://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
</html>
<!-- 支持创建或者删除不同类别的相册，上传照片，填写图片信息等的操作（显示每个相册照片数目），可以加上定位 -->
<!-- 初始相册是空的，相册点进去是空页面，提示为空，用户可以添加图片 已解决-->
<!-- 写一个隐藏的div，如果点击任何一个相册，传相册信息进去，此时显示这个div 已解决-->

<!-- clone的节点，没有克隆事件   已解决-->
<!-- 支持一次上传多张图片 已解决-->
<!-- 注意this指向问题 -->
<!-- 从相册里选图片做相册首页显示 -->
